<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>选择器的命名规范</title>
</head>

<body>
    <!-- 
        骆驼命名法    
        帕斯卡命名法
        匈牙利命名法
        BEM命名法
     -->

    <!-- 组件复用 +  自定义 -->

    <!-- 京东 -->
    <div id="J_app">
        <div class="J_header"></div>
        <div class="jd_container"></div>
        <div class="J_footer"></div>
    </div>

    <!-- 小米 烤串 -->
    <div id="app">
        <div class="site-header"></div>
        <div class="home-main"></div>
        <div class="site-footer"></div>
    </div>
</body>

</html>